    body {margin:0px;padding:0px; width:100%; height:100%; background:#fff; color:#fff;-webkit-appearance: none;-webkit-overflow-scrolling : touch;   }
 .topbar {position:fixed;top:0px;width:100%; height:40px;  background:#f9f9f9; border-bottom:1px solid #e8e8e8; font-size:16px; line-height:40px; text-align:center; color:#666;}
    .topbar a {height:40px; width:15px; display:block; float:left; margin-left:10px;outline:0px; color:#999; font-size:24px;}
 
    .main {position:fixed;top:41px;  height:100%;}
   .search {height:40px;margin-left:30px; color:#ccc; line-height:40px; font-size:14px; text-align:center;}
    #left_container { float:right;width:90px;height:100%;background:#efefef;overflow:auto;}
    #left_container .parent_item {width:94%; padding:0 3%; height:45px;line-height:45px;font-size:13px;float:left; text-align:center; color:#333;}
    #left_container .on {background:#fff;}
    
    #right_container { float:right;margin-right:-90px;width:100%;height:100%; z-index:1;}
    #right_container .inner { margin-right: 90px; background:#fff;height:90%;padding:10px 10px  25px 10px;;overflow:auto;}
    #right_container .inner .category_item { width:29%;float:left;padding-left:4%;padding-top:10px;padding-bottom:10px; overflow:hidden;color:#333;font-size:13px; text-align: center;}
    #right_container .inner .category_item .name {height:16px;overflow:hidden;width:100%;}
    #right_container .inner img{width:100%;}
    
    #right_container .inner .category_no {width:100%;height:100px;color:#333; text-align: center;}
   
    
    #category_loading { width:94%;padding:10px;color:#666;text-align: center;float:right;}
